<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        webpack是一个前端构建工具，能把所有的模块打包起来

        注意 各个包版本不同可能会造成兼容性问题

        webpack
        入口（entry） webpack以哪个文件为入口起点开始打包，分析构建内部的依赖图
            入口文件的名字建议使用index.js、main.js、app.js

        出口（output） webpack打包之后的资源,输出到哪里  如何命名

        mode 模式 webpack使用的时候的模式
        开发模式（development）能让代码在本地调试运行的环境
        生产模式（production）代码优化打包上线运行的环境


        打包html资源

        plugins 
        插件（plugins）有很多插件 能打包优化压缩代码

        每次执行webpack指令进行打包，打包时生产新文件  build/js中的内容是删除重新形成还是形成后直接覆盖


        webpack-dev-server 开发环境下打包 开发代码的过程  不会生产build文件 

        webpack  在生产环境下打包 生成了build文件

        当有人需要说打个包 要看看你的项目开发到什么程度：
        执行生产环境下打包的指令生成打包文件，将打包文件发给对方

        如何启动一个项目
        查看package.json文件  中的 scripts中配置的指令
        开发环境 npm run dev   常规命名 dev start
        生产环境 npm run prod           prod build  


        webpack是一种前端资源构建工具 一个静态模块打包器
        它只能识别模块化语法 js json,es6的复杂的语法它不能解析
        css 图片
        webpack高度可配
        
        loader能够去处理那些webpack不能识别的文件
        




     -->
</body>
</html>